@extends('admin.common.main')

@section('content')
    <body>
    <article class="page-container">
        <form action="{{route('admin.role.store')}}" method="post" class="form form-horizontal" id="form-member-add">
            @include('admin.common.error')

            @csrf
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色名：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="" id="name" name="name">
                </div>
            </div>

            <div class="row cl">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                    <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
                    <a href="javascript:;" onclick="history.go(-1)" class="c-primary btn btn-dark radius">&lt; 返回上一页</a>
                </div>
            </div>
        </form>
    </article>
    @endsection

    @section('js')

        <!--请在下方写此页面业务相关的脚本-->
        <script type="text/javascript" src="/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
        <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
        <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
        <script type="text/javascript" src="/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
        <script type="text/javascript">
            $(function () {
                $('.skin-minimal input').iCheck({
                    checkboxClass: 'icheckbox-blue',
                    radioClass: 'iradio-blue',
                    increaseArea: '20%'
                });

                $("#form-member-add").validate({
                    rules: {
                        name: {
                            required: true,//必填
                            minlength: 1,//最小长度2
                            maxlength: 16//最大长度16
                        }
                    },
                    onkeyup: false,
                    focusCleanup: true,
                    success: "valid",
                    submitHandler: function (form) {
                        //把这个数据提交的方式改一下，这一快就是属于ajax提交，ajax一定会有返回值，所以说后台的redirect
                        // $(form).ajaxSubmit();

                        //表单提交的方式
                        form.submit();
                    }
                });
            });
        </script>

@endsection
